<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/style.css">
<body>
<!--头部-->
    <div class="header">
        <div class="h-content font clearfix">
            <div class="fl">
                欢迎来到至爱空间！
                <a href="#" class="font">登录</a>丨
                <a href="#" class="font">退出</a>
            </div>
            <div class="fr">
                <ul class="font">
                    <li>我的订单</li>
                    <li>丨</li>
                    <li>会员俱乐部</li>
                    <li>丨</li>
                    <li>手机商城</li>
                    <li>丨</li>
                    <li>客户服务</li>
                    <li>丨</li>
                    <li>网站导航</li>
                </ul>
            </div>
        </div>
    </div>
        <!--内容-->
    <div class="content">
        <!--搜索行-->
        <div class="search clearfix">
            <!--LOGO图-->
            <div class="logo fl">
                <a href="#">
                    <img src="images/logo.png" >
                </a>
            </div>
            <!--地区-->
            <div class="dist fl">
                <select name="" id="">
                    <option value="北京">北京</option>
                    <option value="上海">上海</option>
                </select>
                <img src="images/dist.png">
            </div>
            <!--搜索框-->
            <div class="search-box fl clearfix">
                <div class="fl" id="search-select">商品</div>
                <input type="text" placeholder="商品关键词" id="search-inp" class="fl">
                <label for="search-inp" id="rec-goods">英菲尼迪 宝马 雅诗兰黛</label>
                <button id="search-btn"></button>
            </div>
            <div class="myshop fl">
                <div class="fl" id="s-myshop">我的商城</div>
                <div class="fr" id="s-shopcar">购物车</div>
            </div>
        </div>
        <!--导航栏-->
        <div class="nav">
            <ul>
                <li class="firstli">商城首页</li>
                <li>红酒</li>
                <li>家电</li>
                <li>数码</li>
                <li>汽车</li>
                <li>手机</li>
                <li>电脑</li>
                <li>美妆</li>
            </ul>
        </div>
        <div class="bk35"></div>
        <div class="shopping-cart">
            <table>
                <tr></tr>
            </table>
        </div>
    </div>

<!--底部-->
    <div class="footer">
        <div class="bk23"></div>
        <div  class="f-content clearfix">
            <div class="footer-logo">
                <img src="images/f-logo.png">
            </div>
            <div>
                <h2>购物指南</h2>
                <p>免费注册</p>
                <p>开通支付宝</p>
                <p>支付宝充值</p>
            </div>
            <div>
                <h2>电器城保障</h2>
                <p>送货入户</p>
                <p>顺丰包邮</p>
                <p>无忧退换货</p>
                <p>全国联保</p>
                <p>货票同行</p>
            </div>
            <div>
                <h2>支付方式</h2>
                <p>支付宝快捷支付</p>
                <p>支付宝余额付款</p>
                <p>支付宝钱包付款</p>
                <p>货到付款</p>
                <p>新人支付</p>
            </div>
            <div>
                <h2>商家服务</h2>
                <p>入驻电器城</p>
                <p>加入电器城服务保障</p>
                <p>电器城喵言喵语圈子</p>
                <p>电器城商家管理规范</p>
            </div>
            <div class="phone-shop">
                <h2>手机电器城</h2>
                <img src="images/fc6.png">
            </div>
        </div>
        <div class="f-bottom clearfix">
            <p class="contact">Copyright @ 2008- 2012 Shengcankeji. All Rights Reserved. 深圳市至爱酒业有限公司&nbsp;版权所有</p>
            <p>地址：广东省深圳市南山区深南大道以北世纪假日广场3045,3046,3047，Tel:13958062335&nbsp;E-mail:61487206@qq.com</p>
        </div>
    </div>
</body>
</html>